<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<link rel="stylesheet" type="text/css" href="css/01.css" />
</head>

<body>
	<!-- 头部开始 -->
	<div class="header-wrap">
		<div class="header">
			<ul class="list-left">
				<li>尚品汇欢迎您</li>
				<li class="two">
					<a href="##">请登录</a>
				</li>
				<li class="line-left"></li>
				<li>
					<a href="##">免费注册</a>
				</li>
			</ul>

			<ul class="list-right">
				<li>
					<a href="##">我的订单</a>
				</li>
				<li class="line-right"></li>
				<li>
					<a href="##">我的购物车</a>
				</li>
				<li class="line-right"></li>
				<li>
					<a href="##">我的尚品汇</a>
				</li>
				<li class="line-right"></li>
				<li>
					<a href="##">尚品汇会员</a>
				</li>
				<li class="line-right"></li>
				<li>
					<a href="##">企业采购</a>
				</li>
				<li class="line-right"></li>
				<li>
					<a href="##">关注尚品汇</a>
				</li>
				<li class="line-right"></li>
				<li>
					<a href="##">合作招商</a>
				</li>
				<li class="line-right"></li>
				<li>
					<a href="##">商家后台</a>
				</li>

			</ul>


		</div>

	</div>
	<!-- 头部结束 -->
	<!-- logo -->
	<div class="logo clearfix">
		<h1>
			<a href="index.html">尚品汇</a>
		</h1>
		<!-- 结束 -->
		<div class="search">
			<ul class="top clearfix">
				<li class="current">宝贝</li>
				<li>天猫</li>
				<li>店铺</li>
			</ul>

			<div class="center">
				<form action="##" class="clearfix">
					<input type="text" class="txt" placeholder="充气气球">
					<button type="button" class="btn">
						搜索
					</button>
					<a href="##" class="supr">高级搜索</a>
				</form>
			</div>

			<ul class="buttom">
				<li><a href="##">新款连衣裙</a></li>

				<li><a href="##">四件套</a></li>

				<li><a href="##">潮流T恤</a></li>

				<li><a href="##">时尚女鞋短裤</a></li>

				<li><a href="##">半身裙</a></li>

				<li><a href="##">男士外套</a></li>

				<li><a href="##">墙纸</a></li>

				<li><a href="##">行车记录仪</a></li>

				<li><a href="##">新款男鞋</a></li>

				<li><a href="##">时尚女包</a></li>
			</ul>
		</div>

	</div>
	<!-- 结束 -->
	<!--  -->
	<div class="allShopCatagory-wrap">
		<div class="allShopCatagory">
			<h2 class="">全部商品分类</h2>
			<ul class="clearfix">
				<li style="margin-left: 22px;">
					<a href="##">服装城</a>
				</li>
				<li>
					<a href="##">美妆馆</a>
				</li>
				<li>
					<a href="##">尚品汇超市</a>
				</li>
				<li>
					<a href="##">全球购</a>
				</li>
				<li>
					<a href="##">团购</a>
				</li>
				<li>
					<a href="##">闪购</a>
				</li>
				<li>
					<a href="##">有趣</a>
				</li>
				<li>
					<a href="##">秒杀</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- end -->
	<!-- 主体start -->
	<div class="main">
		<div class="left">

			<ul>
				<li>
					<a href="##">女装</a>

					<span>/</span>

					<a href="##">内衣</a>

					<span>/</span>

					<a href="##">珠宝饰品</a>
				</li>
				<li>
					<a href="##">女装</a>

					<span>/</span>

					<a href="##">内衣</a>

					<span>/</span>

					<a href="##">珠宝饰品</a>
				</li><li>
					<a href="##">女装</a>

					<span>/</span>

					<a href="##">内衣</a>

					<span>/</span>

					<a href="##">珠宝饰品</a>
				</li><li>
					<a href="##">女装</a>

					<span>/</span>

					<a href="##">内衣</a>

					<span>/</span>

					<a href="##">珠宝饰品</a>
				</li><li>
					<a href="##">女装</a>

					<span>/</span>

					<a href="##">内衣</a>

					<span>/</span>

					<a href="##">珠宝饰品</a>
				</li><li>
					<a href="##">女装</a>

					<span>/</span>

					<a href="##">内衣</a>

					<span>/</span>

					<a href="##">珠宝饰品</a>
				</li><li>
					<a href="##">女装</a>

					<span>/</span>

					<a href="##">内衣</a>

					<span>/</span>

					<a href="##">珠宝饰品</a>
				</li><li>
					<a href="##">女装</a>

					<span>/</span>

					<a href="##">内衣</a>

					<span>/</span>

					<a href="##">珠宝饰品</a>
				</li><li>
					<a href="##">女装</a>

					<span>/</span>

					<a href="##">内衣</a>

					<span>/</span>

					<a href="##">珠宝饰品</a>
				</li><li>
					<a href="##">女装</a>

					<span>/</span>

					<a href="##">内衣</a>

					<span>/</span>

					<a href="##">珠宝饰品</a>
				</li><li>
					<a href="##">女装</a>

					<span>/</span>

					<a href="##">内衣</a>

					<span>/</span>

					<a href="##">珠宝饰品</a>
				</li><li>
					<a href="##">女装</a>

					<span>/</span>

					<a href="##">内衣</a>

					<span>/</span>

					<a href="##">珠宝饰品</a>
				</li>


			</ul>


		</div>
		<div class="centre">
			<a href="##">
				<img src="./img/boder.png" alt="">
			</a>
		</div >
		<div class="right">
			<div class="letters">
				<h2>尚品汇快报</h2>
				<h3> 
					<a href="##">更多></a>
				</h3>
			</div>
			<div class="center clearfix">
				
				<ul>
					<li>
						<a href="##">[特惠]备战开学季 全民半价购数码</a>
					</li>
					<li>
						<a href="##">[特惠]备战开学季 全民半价购数码</a>
					</li>
					<li>
						<a href="##">[特惠]备战开学季 全民半价购数码</a>
					</li>
					<li>
						<a href="##">[特惠]备战开学季 全民半价购数码</a>
					</li>
					<li>
						<a href="##">[特惠]备战开学季 全民半价购数码</a>
					</li>
					
				</ul>
			</div>


			<div class="right-buttom">
				<ul>
					<li >
						<!-- <img src="../03-尚品汇/img/money.gif" alt=""> -->
						<a href="##" style="background: url(./img/money.gif) no-repeat center 10px;">
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="##" style="background: url(./img/fly.gif) no-repeat center 10px ;">
							<span>飞机</span>
						</a> 
					</li>
					<li>
						<a href="##" style="background: url(./img/movie.gif) no-repeat center 10px;">
							<span>电影</span>
						</a>
					</li>
					<li>
						<a href="##" style="background: url(./img/game.gif) no-repeat center 10px;">
							<span>游戏</span>
						</a>
					</li>
				
					<li >
						<!-- <img src="../03-尚品汇/img/money.gif" alt=""> -->
						<a href="##" style="background: url(./img/money.gif) no-repeat center 10px;">
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="##" style="background: url(./img/fly.gif) no-repeat center 10px ;">
							<span>飞机</span>
						</a> 
					</li>
					<li>
						<a href="##" style="background: url(./img/movie.gif) no-repeat center 10px;">
							<span>电影</span>
						</a>
					</li>
					<li>
						<a href="##" style="background: url(./img/game.gif) no-repeat center 10px;">
							<span>游戏</span>
						</a>
					</li>
				
					<li >
						<!-- <img src="../03-尚品汇/img/money.gif" alt=""> -->
						<a href="##" style="background: url(./img/money.gif) no-repeat center 10px;">
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="##" style="background: url(./img/fly.gif) no-repeat center 10px ;">
							<span>飞机</span>
						</a> 
					</li>
					<li>
						<a href="##" style="background: url(./img/movie.gif) no-repeat center 10px;">
							<span>电影</span>
						</a>
					</li>
					<li>
						<a href="##" style="background: url(./img/game.gif) no-repeat center 10px;">
							<span>游戏</span>
						</a>
					</li>
				 </ul>
				
				
		
			</div>
		<h4 style="margin: -1px;">
				<a href="##">
					<img src="./img/jd.png" alt="">
				</a>
			</h4>

 

		</div>
		



	</div>
	<!-- 主体end -->
	<!-- 今日推荐 -->
	<div class="today clearfix">
		<h3>今日推荐</h3>
	
		<ul > 
			<li>
				<a href="##">
					<h2>优质好货</h2>
					<div>满300减100</div>
					<h4>满500减200</h4>
				</a>
			</li>
			<li>
				<a href="##">
					<h2>优质好货</h2>
					<div style="background: #5eb300;">满300减100</div>
					<h4>满500减200</h4>
				</a>
			</li>
			<li>
				<a href="##">
					<h2>优质好货</h2>
					<div style="background: #ea4a36;">满300减100</div>
					<h4>满500减200</h4>
				</a>
			</li>
			<li>
				<a href="##">
					<h2>优质好货</h2>
					<div>满300减100</div>
					<h4>满500减200</h4>
				</a>
			</li>
			
		</ul>


	</div>
	<div class="hot">
		<ul class="clearfix">
			<li>
				<a href="##" >
					<img src="./img/hot.png" alt="">
					<span>[官网价直降1100】Apple iPhone 8 plus
						256GB 银色 移动联通电信4G手机
					</span>
					<h4>定金：￥100.00</h4>
				</a>
			</li>
			<li>
				<a href="##" >
					<img src="./img/hot.png" alt="">
					<span>[官网价直降1100】Apple iPhone 8 plus
						256GB 银色 移动联通电信4G手机
					</span>
					<h4>定金：￥100.00</h4>
				</a>
			</li>
			<li>
				<a href="##" >
					<img src="./img/hot.png" alt="">
					<span>[官网价直降1100】Apple iPhone 8 plus
						256GB 银色 移动联通电信4G手机
					</span>
					<h4>定金：￥100.00</h4>
				</a>
			</li>
			<li>
				<a href="##" >
					<img src="./img/hot.png" alt="">
					<span>[官网价直降1100】Apple iPhone 8 plus
						256GB 银色 移动联通电信4G手机
					</span>
					<h4>定金：￥100.00</h4>
				</a>
			</li>
		</ul>




	</div>














</body>

</html>